<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bunny 企业站</title>
    <!-- Bunny-UI -->
    <link rel="shortcut icon" href="./assets/Bunny/bunny.jpg" type="image/x-icon">
    <link rel="stylesheet" href="./assets/Bunny/bunny.css">
    <link rel="stylesheet" href="./assets/Bunny/iconfont/iconfont.css">
    <script src="./assets/Bunny/bunny.js"></script>
    <!-- Swiper -->
    <link rel="stylesheet" href="./assets/Swiper-3.4.2/css/swiper.min.css">
    <script src="./assets/Swiper-3.4.2/js/swiper.jquery.min.js"></script>
    <script src="./assets/Swiper-3.4.2/js/swiper.min.js"></script>
    <!-- base.css -->
    <link rel="stylesheet" href="./assets/css/base.css">
</head>

<body>
    <!-- 头部 -->
    <header class="bny-header">
        <div class="container">
            <nav class="bny-nav" hx-ext="bny-nav">
                <div class="bny-nav-data">
                    <!-- 品牌 -->
                    <div class="bny-nav-brand">
                        <a href="./index.html">企业官网</a>
                    </div>
                    <!-- 切换 -->
                    <div class="bny-nav-toggle">
                        <i class="icon icon-gengduo1 burger"></i>
                        <i class="icon icon-cuo close"></i>
                    </div>
                </div>
                <!-- 菜单 -->
                <div class="bny-nav-menu">
                    <menu>
                        <li>
                            <a href="./index.html">官网首页</a>
                        </li>
                        <!-- 子菜单 -->
                        <li class="bny-nav-dropdown">
                            <a href="./goods.html">
                                产品中心
                                <i class="icon icon-you2 arrow"></i>
                            </a>
                            <menu>
                                <li>
                                    <a href="./goods.html">产品类型一</a>
                                </li>
                                <li>
                                    <a href="./goods.html">产品类型二</a>
                                </li>
                            </menu>
                        </li>
                        <li><a href="./news.html">新闻中心</a></li>
                        <li><a href="./contact.html">联系我们</a></li>
                        <li><a href="./about.html">关于我们</a></li>
                    </menu>
                </div>
            </nav>
        </div>
    </header>
    <!-- 幻灯片 -->
    <div class="swiper-container">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="./assets/images/1920x700.png" alt="1920x700">
            </div>
            <div class="swiper-slide">
                <img src="./assets/images/1920x700.png" alt="1920x700">
            </div>
        </div>
        <!-- Add Pagination -->
        <div class="swiper-pagination"></div>
        <!-- Add Navigation -->
        <div class="swiper-button-prev swiper-button-white"></div>
        <div class="swiper-button-next swiper-button-white"></div>
    </div>
    <script>
        let swiper = new Swiper('.swiper-container', {
            pagination: '.swiper-pagination',
            paginationClickable: true,
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            autoplay: 5000,
            autoplayDisableOnInteraction: false,
            loop: true
        });
    </script>
    <!-- 内容 -->
    <div class="container">
        <!-- 产品中心 -->
        <div class="row box">
            <div class="col-12">
                <h3 class="bny-title">产品中心</h3>
                <p class="bny-subheading">Product center</p>
            </div>
            <div class="col-12">
                <div class="row box-list">
                    <div class="col-6 sm-6 md-3 lg-4 col">
                        <a href="./details.html">
                            <div class="bny-card">
                                <img src="./assets/images/370x330.jpg" alt="Card example image">
                                <div class="bny-card-body">
                                    <h4 class="bny-card-title">产品名称演示</h4>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-6 sm-6 md-3 lg-4 col">
                        <a href="./details.html">
                            <div class="bny-card">
                                <img src="./assets/images/370x330.jpg" alt="Card example image">
                                <div class="bny-card-body">
                                    <h4 class="bny-card-title">产品名称演示</h4>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-6 sm-6 md-3 lg-4 col">
                        <a href="./details.html">
                            <div class="bny-card">
                                <img src="./assets/images/370x330.jpg" alt="Card example image">
                                <div class="bny-card-body">
                                    <h4 class="bny-card-title">产品名称演示</h4>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-6 sm-6 md-3 lg-4 col">
                        <a href="./details.html">
                            <div class="bny-card">
                                <img src="./assets/images/370x330.jpg" alt="Card example image">
                                <div class="bny-card-body">
                                    <h4 class="bny-card-title">产品名称演示</h4>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-6 sm-6 md-3 lg-4 col">
                        <a href="./details.html">
                            <div class="bny-card">
                                <img src="./assets/images/370x330.jpg" alt="Card example image">
                                <div class="bny-card-body">
                                    <h4 class="bny-card-title">产品名称演示</h4>
                                </div>
                            </div>
                        </a>
                    </div>
                    <div class="col-6 sm-6 md-3 lg-4 col">
                        <a href="./details.html">
                            <div class="bny-card">
                                <img src="./assets/images/370x330.jpg" alt="Card example image">
                                <div class="bny-card-body">
                                    <h4 class="bny-card-title">产品名称演示</h4>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12 tc">
                        <a class="bny-btn" href="./goods.html">查看更多</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 新闻中心 -->
        <div class="row box">
            <div class="col-12">
                <h3 class="bny-title">新闻中心</h3>
                <p class="bny-subheading">News center</p>
            </div>
            <div class="col-12">
                <div class="row box-list">
                    <div class="lg-6 xs-12 col">
                        <div class="bny-card">
                            <div class="bny-card-body">
                                <h4 class="bny-card-title">新闻标题演示信息</h4>
                                <h5 class="bny-card-subtitle">奈斯小标题。</h5>
                                <p class="bny-card-text">新闻演示小详情。新闻演示小详情。新闻演示小详情。新闻演示小详情。新闻演示小详情。新闻演示小详情。新闻演示小详情。</p>
                                <a class="bny-card-link" href="./details.html">阅读更多</a>
                            </div>
                        </div>
                    </div>
                    <div class="lg-6 xs-12 col">
                        <div class="bny-card">
                            <div class="bny-card-body">
                                <h4 class="bny-card-title">新闻标题演示信息</h4>
                                <h5 class="bny-card-subtitle">奈斯小标题。</h5>
                                <p class="bny-card-text">新闻演示小详情。新闻演示小详情。新闻演示小详情。新闻演示小详情。新闻演示小详情。新闻演示小详情。新闻演示小详情。</p>
                                <a class="bny-card-link" href="./details.html">阅读更多</a>
                            </div>
                        </div>
                    </div>
                    <div class="lg-6 xs-12 col">
                        <div class="bny-card">
                            <div class="bny-card-body">
                                <h4 class="bny-card-title">新闻标题演示信息</h4>
                                <h5 class="bny-card-subtitle">奈斯小标题。</h5>
                                <p class="bny-card-text">新闻演示小详情。新闻演示小详情。新闻演示小详情。新闻演示小详情。新闻演示小详情。新闻演示小详情。新闻演示小详情。</p>
                                <a class="bny-card-link" href="./details.html">阅读更多</a>
                            </div>
                        </div>
                    </div>
                    <div class="lg-6 xs-12 col">
                        <div class="bny-card">
                            <div class="bny-card-body">
                                <h4 class="bny-card-title">新闻标题演示信息</h4>
                                <h5 class="bny-card-subtitle">奈斯小标题。</h5>
                                <p class="bny-card-text">新闻演示小详情。新闻演示小详情。新闻演示小详情。新闻演示小详情。新闻演示小详情。新闻演示小详情。新闻演示小详情。</p>
                                <a class="bny-card-link" href="./details.html">阅读更多</a>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="col-12 tc">
                        <a class="bny-btn" href="./news.html">查看更多</a>
                    </div>
                </div>
            </div>
        </div>
        <!-- 合作伙伴 -->
        <div class="row box">
            <div class="col-12">
                <h3 class="bny-title">合作伙伴</h3>
                <p class="bny-subheading">Business partner</p>
            </div>
            <div class="col-12">
                <div class="row box-list">
                    <div class="col lg-3 xs-6 col-6">
                        <a href="#">
                            <img src="./assets/images/325x100.png" alt="325x100">
                        </a>
                    </div>
                    <div class="col lg-3 xs-6 col-6">
                        <a href="#">
                            <img src="./assets/images/325x100.png" alt="325x100">
                        </a>
                    </div>
                    <div class="col lg-3 xs-6 col-6">
                        <a href="#">
                            <img src="./assets/images/325x100.png" alt="325x100">
                        </a>
                    </div>
                    <div class="col lg-3 xs-6 col-6">
                        <a href="#">
                            <img src="./assets/images/325x100.png" alt="325x100">
                        </a>
                    </div>
                    <div class="col lg-3 xs-6 col-6">
                        <a href="#">
                            <img src="./assets/images/325x100.png" alt="325x100">
                        </a>
                    </div>
                    <div class="col lg-3 xs-6 col-6">
                        <a href="#">
                            <img src="./assets/images/325x100.png" alt="325x100">
                        </a>
                    </div>
                    <div class="col lg-3 xs-6 col-6">
                        <a href="#">
                            <img src="./assets/images/325x100.png" alt="325x100">
                        </a>
                    </div>
                    <div class="col lg-3 xs-6 col-6">
                        <a href="#">
                            <img src="./assets/images/325x100.png" alt="325x100">
                        </a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <footer class="bny-footer">
        <div class="container">
            <div class="line"></div>
            <div class="link">
                <a href="./index.html" target="_blank">官网首页</a>
                <a href="./goods.html" target="_blank">产品中心</a>
                <a href="./news.html" target="_blank">新闻中心</a>
                <a href="./contact.html" target="_blank">联系我们</a>
                <a href="./about.html" target="_blank">关于我们</a>
            </div>
            <div class="address tc">
                <p>XXXXXXXXXX@163.com</p>
                <p>广东省广州市某某区某某街道110号</p>
                <p class="tc">Copyright © 2025 Bunny 企业站 <a href="http://www.beian.gov.cn/"
                        target="_blank">粤ICP备XXXXXXXX号</a></p>
            </div>
        </div>
    </footer>
</body>

</html>